<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>市立预约平台 - 登录</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
	<link rel="stylesheet" href="./css/style.css">
</head>
<body>
    <nav class="navbar">
        <div class="nav-logo">
            <img src="./static/imgs/logo.png" alt="市立助手">
            <span>市立预约平台</span>
        </div>
        <ul class="nav-links">
            <li><a href="chat.html"><i class="fas fa-comments"></i>智能预约</a></li>
            <li><a href="medical-info.html"><i class="fas fa-book-medical"></i>医疗知识库</a></li>
            <li><a href="appointments.html"><i class="fas fa-calendar-check"></i>我的预约</a></li>
            <li><a href="profile.html"><i class="fas fa-user"></i>个人中心</a></li>
        </ul>
    </nav>

    <div class="login-container">
        <div class="login-card">
            <div class="login-logo">
                <img src="./static/imgs/logo.png" alt="市立助手">
            </div>
            <h2 class="login-title">用户登录</h2>
            
            <form class="login-form">
                <div class="form-group">
                    <label for="id_card">用户名</label>
                    <input type="text" id="id_card" placeholder="请输入身份证号" required>
                </div>
                
                <div class="form-group">
                    <label for="password">密码</label>
                    <input type="password" id="password" placeholder="请输入密码" required>
                </div>
                
                <button type="submit" class="login-btn">登 录</button>
            </form>
            
            <div class="login-footer">
                <p>还没有账号？<a href="register.html">立即注册</a></p>
                <p><a href="forgot-password.html">忘记密码？</a></p>
            </div>
        </div>
    </div>
	<script src="./js/login.js"></script>
</body>
</html>